{literal}
	<script type="text/javascript">	
		function aumentar(nombreForm){
			var cantidad = parseInt(document.getElementById(nombreForm).cantidad.value);

			cantidad = cantidad + 1;
			
			document.getElementById(nombreForm).cantidad.value = cantidad;
		}
	
		function disminuir(nombreForm){
			var cantidad = parseInt(document.getElementById(nombreForm).cantidad.value);
			
			if(cantidad == 1){
			} else{
				cantidad = cantidad - 1;
			}
			
			document.getElementById(nombreForm).cantidad.value = cantidad;
		}


		
		
		
		function agregarCarrito(nombre, precio, id, cat){
			var cant 	= parseInt(document.getElementById(id).cantidad.value);
			
			var datos 	 = 'funcion=addProducto' + '&id='+ id + '&nombre='+ nombre + '&precio='+ precio + '&categoria='+ cat + '&cantidad='+ cant;
			
			$.ajax({
				url	: 'sites.php',
				type	: 'POST',
				data	: datos,
													
				success: function(respuesta){
					$("#cart").html(respuesta);
				}
			});
		}
		
	</script>
{/literal}



<div class="tituloCategoriasSites">
	<h2>
		{if $datosUser.name neq ""}
			<u>{$datosUser.name}</u> estas pidiendo del menú <b>{$config.sitename|replace:'_':' '|stripslashes}</b> | Córdoba
		{else}
			Usted está pidiendo del menú <b>{$config.sitename|replace:'_':' '|stripslashes}</b> | Córdoba
		{/if}
	</h2>
</div>


<div id="categoriasSites" style="border: 2px solid #ebe9e8;">
	{foreach from=$food_menu item=categoria}
		<div class="separadorProductosCategorias"></div>
		
		{*		IMAGEN DE LAS DISTINTAS CATEGORIAS*}
		{if $categoria.imagenPre neq 0}	
			<div class="imagenCategoriaSites">
				<img src="UserFiles/Image/product_photos/{$categoria.imagenPre}">
			</div>
		{else}	
			<div class="imagenCategoriaSites">
				<img src="images/{$categoria.name}.jpg">
			</div>
		{/if}
		

		{*		NOMBRE DE LAS CATEGORIAS		*}		
		<div class="nombreCategoriasSites">        
			<h2>
				{$categoria.name}
			</h2>
		</div>
		
		
		
		{*		ARTICULOS DE LAS CATEGORÍAS		*}		
		{foreach from=$categoria.items item=item}
			<div class="separadorProductosCategorias"></div>
      		
    		<div class="articulosCategoriasSites">      		
    			<form id="{$item.id}" name="{$item.name}" action="sites.php?funcion=addProducto" method="POST" />
					
					<input type="hidden" name="nombre" value="{$item.name}" />
    				<input type="hidden" name="precio" value="{$item.code}" />
    				<input type="hidden" name="id" value="{$item.id}" />
    				<input type="hidden" name="categoria" value="{$categoria.name}" />
    				
    				<ul>
    					<li class="nombreProducto">
    						{$item.name}
    					</li>
    					
    					<li>
    						{$item.code|trim|price_format}
    					</li>
    					
    					<li>
    						Cantidad
    							<input type="text" value="1" name="cantidad">
    							
    							&nbsp;
    							
    							<a onClick="aumentar({$item.id})">
    								<img src="images/botonMas.png" />
    							</a>
    							
    							 &nbsp;
    							    							
    							<a onClick="disminuir({$item.id})">
    								<img src="images/botonMenos.png" />
    							</a>
    					</li>
    					
    					<li>
    						{if $status eq "open"}
    						
								{if $config.multi eq 1}
								
									{if $item.feature eq 1}
										<div class="sinStock">
											Sin Stock
										</div>
									{else}
										<input type="button" value="Agregar" onclick="agregarCarrito('{$item.name}', {$item.code}, {$item.id}, '{$categoria.name}')"/>
									{/if}			
											
								{/if}
								
							{/if}
    					</li>
    				</ul>
    				
    				<div class="separadorDescripcion"></div>
					
					<div class="celdaCategoriasSitesDescripcion">
						<div class="textoDescripcion">
							{if $item.description eq ""}
								No hay descripción.
							{else}		
      						{$item.description|stripslashes}
	      				{/if}
						</div>
					</div>   				
    			</form>
      	</div>
		{/foreach}
	{/foreach}
</div>
